@import "common.styl"
.update-hdpic
  padding px2rem(12px) px2rem(15px)
  position relative
  .hdpic-box
    overflow hidden
    width px2rem(70px)
    height px2rem(70px)
    border 1px solid #eee
    img
      width 100%
      height 100%
      object-fit cover
  .update-rt
    color $garyColor
  input[type="file"]
    position absolute
    left 0
    top 0
    width 100%
    height 100%
    opacity 0


.card-type
  margin-top px2rem(12px)
  .card-type-hd
    padding px2rem(10px) px2rem(18px)
    position relative
    font-size px2rem(13px)
  .card-type-bd
    padding px2rem(10px) px2rem(12px)
    .type-item
      width px2rem(120px)
      height px2rem(70px)
      text-align center
      margin-right px2rem(20px)
      border-radius px2rem(10px)
      box-shadow 0 0 px2rem(10px) 0 rgba(110,110,110,0.3)
      overflow hidden
      position relative
      &>.ra
        position absolute
        right 0
        bottom 0
        font-size px2rem(22px)
        color #0e90d2
        line-height 1
        display none
      &.active
        box-shadow 0 0 px2rem(10px) 0 rgba(160,160,160,0.7)
        position relative
        &>.ra
          display block
      img
        width 100%
        height 100%


.input-section
  padding 0 px2rem(25px)
  margin-top px2rem(12px)
  .input-item
    border-bottom 1px solid #eee
    line-height px2rem(34px)
    label
      width 20%
      font-size px2rem(13px)
    .input-box
      flex 1
      input
        width 100%
        border none
        outline none
        font-size px2rem(13px)


.submit
  width 90%
  background-color $lightColor
  color #fff
  border none
  margin px2rem(20px) auto
  display block
  line-height px2rem(34px)
  border-radius px2rem(6px)
  outline none
  font-size px2rem(15px)



  //图片裁剪
.l-btn
  text-align center
  padding px2rem(4px) px2rem(8px)
  border none
  outline none
  background-color #eeeeee
  color #333
  font-size px2rem(12px)


.hidden
  display none

.tailoring-container, .tailoring-container div, .tailoring-container p
  margin 0
  padding 0
  box-sizing border-box
  -webkit-box-sizing border-box
  -moz-box-sizing border-box

.tailoring-container
  position fixed
  width 100%
  height 100%
  z-index 1000
  top 0
  left 0

.tailoring-container .black-cloth
  position fixed
  width 100%
  height 100%
  background #333
  opacity .5
  z-index 1001

.tailoring-container .tailoring-content
  position absolute
  background #fff
  z-index 1002
  left 50%
  top 50%
  width 84%
  transform translate(-50%,-50%)
  -weblit-transform translate(-50%,-50%)
  -moz-transform translate(-50%,-50%)
  -ms-transform translate(-50%,-50%)
  -o-transform translate(-50%,-50%)
  border-radius px2rem(10px)
  box-shadow 0 0 px2rem(10px) 0 rgba(0,0,0,0.5)
  padding px2rem(10px)


.tailoring-content-one
  height px2rem(30px)
  width 100%

.tailoring-content .choose-btn
  float left
  background-color #0e90d2
  color #fff
  border-radius px2rem(4px)
  font-size px2rem(13px)

.tailoring-content .close-tailoring
  display inline-block
  height px2rem(24px)
  width px2rem(24px)
  border-radius 100%
  background #eee
  color #fff
  font-size px2rem(14px)
  text-align center
  line-height px2rem(24px)
  float right
  cursor pointer

.tailoring-content .tailoring-content-two
  width 100%
  height px2rem(290px)
  position relative
  padding px2rem(5px) 0

.tailoring-content .tailoring-box-parcel
  width 100%
  height px2rem(280px)
  position absolute
  left 0
  border solid px2rem(1px) #ddd

.tailoring-content .preview-box-parcel
  width px2rem(228px)
  height px2rem(300px)
  position absolute
  right 0
  padding px2rem(4px) px2rem(14px)
  display none

.preview-box-parcel p
  color #555

.previewImg
  width px2rem(200px)
  height px2rem(200px)
  overflow hidden

.preview-box-parcel .square
  margin-top px2rem(10px)
  border solid 1px #ddd

.preview-box-parcel .circular
  border-radius 100%
  margin-top px2rem(10px)
  border solid 1px #ddd


.tailoring-content .tailoring-content-three
  width 100%
  height px2rem(40px)
  padding-top 10px

.sureCut
  float right


@media all and (max-width 768px)
  .tailoring-container .preview-box-parcel
    display none



input:required:valid{
  border-color #0e90d2
}

